{% extends "layout.html" %}
{% load static %}

{% block CSS %}
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>学习方向</title>
        <link rel="stylesheet" href="{% static 'css/Direction.css' %}">
    </head>
{% endblock %}

{% block content %}
    <div class="direction_main_container">
        <div class="directiion-container.first" id="direction-introduction">
            <img src="{% static 'images/background/web.png' %}" alt="">
            <ul class="direction_ul">
                <li><span>阶段一:&nbsp;<a href="{% url 'directionApp:selectClass' targetName="HTML/CSS"|urlencode %}" data-target="HTML/CSS">HTML/CSS</a></span>&nbsp;:HTML和CSS 从入门到精通；
                </li>
                <li><span>阶段二:&nbsp;<a href="{% url 'directionApp:selectClass' targetName="JavaScript"|urlencode %}">JavaScript</a>&nbsp;&nbsp;<a href="{% url 'directionApp:selectClass' targetName="Ajax"|urlencode %}">Ajax</a></span>&nbsp;:JavaScript从入门到精通、AJAX从基础到项目实战；
                </li>
                <li><span>阶段三:&nbsp;<a href="{% url 'directionApp:selectClass' targetName="Node.js"|urlencode %}">Node.js</a>&nbsp;&nbsp;<a href="{% url 'directionApp:selectClass' targetName="Vue"|urlencode %}">Vue</a></span>&nbsp;：Node.js从入门到精通、Vue全套视频教学；
                </li>
                <li><span>阶段四:&nbsp;<a href="{% url 'directionApp:selectClass' targetName="Uni-app"|urlencode %}">Uni-app</a>&nbsp;&nbsp;<a href="{% url 'directionApp:selectClass' targetName="微信小程序"|urlencode %}">微信小程序</a></span>&nbsp;:uni-app、微信小程序
                </li>
                <li><span>阶段五:&nbsp;<a href="{% url 'directionApp:selectClass' targetName="TypeScript"|urlencode %}">TypeScript</a></span>&nbsp;：TypeScript从基础到入门
                </li>
                <li><span>阶段六:&nbsp;<a href="{% url 'directionApp:selectClass' targetName="react"|urlencode %}">react</a></span>&nbsp;:react从基础到入门
                </li>
                <li><span>阶段七:&nbsp;<a
                        href="{% url 'directionApp:selectClass' targetName="HarmonyOS"|urlencode %}">HarmonyOS</a></span>&nbsp;:主要学习HarmonyOS操作系统的架构、特性和生态系统、界面设计、数据交互、权限管理
                </li>
            </ul>
        </div>
        <div class="directiion-container.second" id="direction-introduction">
            <img src="{% static 'images/background/end.png' %}" alt="">
            <ul class="direction_ul">
                <li><span>阶段一:&nbsp;<a href="{% url 'directionApp:selectClass' targetName="大数据开发入门"|urlencode %}">大数据开发入门</a></span>&nbsp;:Linux零基础入门到进阶
                </li>
                <li><span>阶段二:&nbsp;<a href="{% url 'directionApp:selectClass' targetName="大数据核心基础"|urlencode %}">大数据核心基础</a></span>&nbsp;零基础快速入门大数据
                </li>
                <li><span>阶段三:&nbsp;<a href="{% url 'directionApp:selectClass' targetName="数仓技术"|urlencode %}">数仓技术</a></span>&nbsp;:在线教育数仓实战
                </li>
                <li><span>阶段四:&nbsp;<a href="{% url 'directionApp:selectClass' targetName="PB级内存计算"|urlencode %}">PB级内存计算</a></span>&nbsp;:python从入门到进阶
                </li>
                <li><span>阶段五:&nbsp;<a href="{% url 'directionApp:selectClass' targetName="亚秒级实时计算"|urlencode %}">亚秒级实时计算</a></span>&nbsp;:中间件&存储框架
                </li>
            </ul>
        </div>
        <div class="directiion-container.third" id="direction-introduction">
            <img src="{% static 'images/background/嵌入式.png' %}" alt="">
            <ul class="direction_ul">
                <li><span>阶段一:&nbsp;<a href="{% url 'directionApp:selectClass' targetName="嵌入式基础知识"|urlencode %}">嵌入式基础知识</a></span>&nbsp;:嵌入式入门基础（模拟电路）
                </li>
                <li><span>阶段二:&nbsp;<a href="{% url 'directionApp:selectClass' targetName="STC单片机实战"|urlencode %}">STC单片机实战</a></span>&nbsp;:学习电子电路的设计和组装，包括模拟电路和数字电路
                </li>
                <li><span>阶段三:&nbsp;<a href="{% url 'directionApp:selectClass' targetName="上位机开发"|urlencode %}">上位机开发</a></span>&nbsp;:掌握嵌入式系统中常用的编程语言(如C、C++、汇编语言)以及相关的开发工具和调试技术
                </li>
                <li><span>阶段四:&nbsp;<a href="{% url 'directionApp:selectClass' targetName="ARM内核产品开发实战"|urlencode %}">ARM内核产品开发实战</a></span>&nbsp;:嵌入式Arm单片机从入门到入职
                </li>
                <li><span>阶段五:&nbsp;<a href="{% url 'directionApp:selectClass' targetName="物联网鸿蒙开发"|urlencode %}">物联网鸿蒙开发</a></span>&nbsp;:了解不同外设和传感器的接口标准(如UART、SPI、I2C),以及嵌入式系统之间的通信协议(如TCP/IP、CAN、USB)
                </li>
                <li><span>阶段六:&nbsp;<a href="{% url 'directionApp:selectClass' targetName="综合机器人嵌入式项目"|urlencode %}">综合机器人嵌入式项目</a></span>&nbsp;:掌握编写硬件驱动程序的技能，包括设备驱动程序和通信协议的实现。
                </li>
                <li><span>阶段七:&nbsp;<a href="{% url 'directionApp:selectClass' targetName="系统设计和调试"|urlencode %}">系统设计和调试</a></span>&nbsp;:学习如何进行嵌入式系统的整体设计和调试，包括建立系统框架、模块设计、测试和故障排除等
                </li>
            </ul>
        </div>
    </div>
{% endblock %}
